

.tab-wrapper {

  margin: 30px auto;

  width: 100%;

}

.tab-wrapper ul{font-size:18px;}

.tab-menu {width:460px; height:45px; background-color: #efeff1; line-height: 45px; margin-right: auto; margin-left: auto;border-radius: 4px; padding-left: 35px;}

.tab-menu li {

  position:relative;

  color:#1b1b1b;

  display: inline-block;

  opacity: 0.8;

  cursor:pointer;

  z-index:0;

  float: left;

  font-size:16px;

  text-align: center;

}

.tab-menu span{ float: left; color: #b9b9ba; margin-right:35px; margin-left:35px;}

.tab-menu li:hover {

  color:#000;

  font-weight: bold;

  font-size:16px;

}



.tab-menu li.active {

  color:#000;

  font-weight: bold;

  font-size:16px;

  opacity: 1;

}



.tab-menu li.active:hover {

  color:#000;

  font-size:16px;

  font-weight: bold;

}



.tab-content>div {

  box-sizing:border-box;

  margin-left: auto;

  margin-right: auto;

  margin-top: 35px;

  display:none;

  font-style: normal;

  font-family:'Quicksand', sans-serif;

}



.line {

  position:absolute;

  width: 0;

  height: 0px;

  display: none;

  background-color: #c7c7cb;

  bottom: 0;

  left: 0;

}

.boxcolor{ width: 78%; margin-left: auto; margin-right: auto;}

.boxcolor label{

  display:inline-block;

  width:10.7%;

  height:30px;

  line-height: 26px;

  text-align:left;

  position: relative;

  margin-bottom: 10px;

  font-size: 14px;

  font-family: 'Quicksand';

}









 .whitebox{ padding:0; margin:0;border:#ccc 1px solid;border-radius:50%; background-color: #fff;width:20px; padding: 2px;

  height:20px; float: left;	margin-right:10px;}







.colorStyle{

	width:20px;

	height:20px;

	float:left;

	border-radius:50%;

}







.boxcolor label input{

  /*width: 26px;

  height: 26px;

  vertical-align: bottom;

  margin-right:.1rem;*/

  opacity: 0;

  float:left;

}

.chk_txt { font-style: normal; font-family: Quicksand; text-align: center; float: left; font-size: 16px;

}

.boxcolor [type=checkbox]:checked~.chk_txt {

  font-weight: 600;

}

.boxcolor [type=checkbox]:checked~.whitebox{

  width:16px;

  height:16px;

  float:left;

  margin-right:3px;

  border-radius:50%;

  border:#000 1px solid;

}









.boxcolor .spot_red{

  display:inline-block;

  width:26px;

  height:26px;

  background:url(../images/red.png) no-repeat left center;  /*默认的样式图片*/

  background-size:26px;

  position: absolute;

  top:.2rem;

  left:0;

  z-index:5;

}

.boxcolor input:checked + .spot_red{

  background:url(../images/red_on.png) no-repeat left center;  /*默认的样式图片*/

  background-size:26px;

}



.boxcolor .spot_orange{

  display:inline-block;

  width:26px;

  height:26px;

  background:url(../images/orange.png) no-repeat left center;  /*默认的样式图片*/

  background-size:26px;

  position: absolute;

  top:.2rem;

  left:0;

  z-index:5;

}

.boxcolor input:checked + .spot_orange{

  background:url(../images/orange_on.png) no-repeat center;  /*选中后的样式图片*/

  background-size:26px;

}





.boxcolor .spot_yellow{

  display:inline-block;

  width:26px;

  height:26px;

  background:url(../images/yellow.png) no-repeat left center;  /*默认的样式图片*/

  background-size:26px;

  position: absolute;

  top:.2rem;

  left:0;

  z-index:5;

}

.boxcolor input:checked + .spot_yellow{

  background:url(../images/yellow_on.png) no-repeat center;  /*选中后的样式图片*/

  background-size:26px;

}



.boxcolor .spot_coffee{

  display:inline-block;

  width:26px;

  height:26px;

  background:url(../images/coffee.png) no-repeat left center;  /*默认的样式图片*/

  background-size:26px;

  position: absolute;

  top:.2rem;

  left:0;

  z-index:5;

}

.boxcolor input:checked + .spot_coffee{

  background:url(../images/coffee_on.png) no-repeat center;  /*选中后的样式图片*/

  background-size:26px;

}

.boxcolor .spot_brown{

  display:inline-block;

  width:26px;

  height:26px;

  background:url(../images/brown.png) no-repeat left center;  /*默认的样式图片*/

  background-size:26px;

  position: absolute;

  top:.2rem;

  left:0;

  z-index:5;

}

.boxcolor input:checked + .spot_brown{

  background:url(../images/brown_on.png) no-repeat center;  /*选中后的样式图片*/

  background-size:26px;

}



.boxcolor .spot_green{

  display:inline-block;

  width:26px;

  height:26px;

  background:url(../images/green.png) no-repeat left center;  /*默认的样式图片*/

  background-size:26px;

  position: absolute;

  top:.2rem;

  left:0;

  z-index:5;

}

.boxcolor input:checked + .spot_green{

  background:url(../images/green_on.png) no-repeat center;  /*选中后的样式图片*/

  background-size:26px;

}



.boxcolor .spot_blue{

  display:inline-block;

  width:26px;

  height:26px;

  background:url(../images/blue.png) no-repeat left center;  /*默认的样式图片*/

  background-size:26px;

  position: absolute;

  top:.2rem;

  left:0;

  z-index:5;

}

.boxcolor input:checked + .spot_blue{

  background:url(../images/blue_on.png) no-repeat center;  /*选中后的样式图片*/

  background-size:26px;

}





.boxcolor .spot_navy{

  display:inline-block;

  width:26px;

  height:26px;

  background:url(../images/navy.png) no-repeat left center;  /*默认的样式图片*/

  background-size:26px;

  position: absolute;

  top:.2rem;

  left:0;

  z-index:5;

}

.boxcolor input:checked + .spot_navy{

  background:url(../images/navy_on.png) no-repeat center;  /*选中后的样式图片*/

  background-size:26px;

}







.boxcolor .spot_violet{

  display:inline-block;

  width:26px;

  height:26px;

  background:url(../images/violet.png) no-repeat left center;  /*默认的样式图片*/

  background-size:26px;

  position: absolute;

  top:.2rem;

  left:0;

  z-index:5;

}

.boxcolor input:checked + .spot_violet{

  background:url(../images/violet_on.png) no-repeat center;  /*选中后的样式图片*/

  background-size:26px;

}





.boxcolor .spot_aqua{

  display:inline-block;

  width:26px;

  height:26px;

  background:url(../images/aqua.png) no-repeat left center;  /*默认的样式图片*/

  background-size:26px;

  position: absolute;

  top:.2rem;

  left:0;

  z-index:5;

}

.boxcolor input:checked + .spot_aqua{

  background:url(../images/aqua_on.png) no-repeat center;  /*选中后的样式图片*/

  background-size:26px;

}



.boxcolor .spot_purple{

  display:inline-block;

  width:26px;

  height:26px;

  background:url(../images/purple.png) no-repeat left center;  /*默认的样式图片*/

  background-size:26px;

  position: absolute;

  top:.2rem;

  left:0;

  z-index:5;

}

.boxcolor input:checked + .spot_purple{

  background:url(../images/purple_on.png) no-repeat center;  /*选中后的样式图片*/

  background-size:26px;

}



.boxcolor .spot_wine{

  display:inline-block;

  width:26px;

  height:26px;

  background:url(../images/wine.png) no-repeat left center;  /*默认的样式图片*/

  background-size:26px;

  position: absolute;

  top:.2rem;

  left:0;

  z-index:5;

}

.boxcolor input:checked + .spot_wine{

  background:url(../images/wine_on.png) no-repeat center;  /*选中后的样式图片*/

  background-size:26px;

}



.boxcolor .spot_grey{

  display:inline-block;

  width:26px;

  height:26px;

  background:url(../images/grey.png) no-repeat left center;  /*默认的样式图片*/

  background-size:26px;

  position: absolute;

  top:.2rem;

  left:0;

  z-index:5;

}

.boxcolor input:checked + .spot_grey{

  background:url(../images/grey_on.png) no-repeat center;  /*选中后的样式图片*/

  background-size:26px;

}



.boxcolor .spot_black {

  display:inline-block;

  width:26px;

  height:26px;

  background:url(../images/black.png) no-repeat left center;  /*默认的样式图片*/

  background-size:26px;

  position: absolute;

  top:.2rem;

  left:0;

  z-index:5;

}

.boxcolor input:checked + .spot_black{

  background:url(../images/black_on.png) no-repeat center;  /*选中后的样式图片*/

  background-size:26px;

}





.boxcolor .spot_gold {

  display:inline-block;

  width:26px;

  height:26px;

  background:url(../images/gold.png) no-repeat left center;  /*默认的样式图片*/

  background-size:26px;

  position: absolute;

  top:.2rem;

  left:0;

  z-index:5;

}

.boxcolor input:checked + .spot_gold{

  background:url(../images/gold_on.png) no-repeat center;  /*选中后的样式图片*/

  background-size:26px;

}



.boxcolor .spot_silver {

  display:inline-block;

  width:26px;

  height:26px;

  background:url(../images/silver.png) no-repeat left center;  /*默认的样式图片*/

  background-size:26px;

  position: absolute;

  top:.2rem;

  left:0;

  z-index:5;

}

.boxcolor input:checked + .spot_silver{

  background:url(../images/silver_on.png) no-repeat center;  /*选中后的样式图片*/

  background-size:26px;

}



.boxcolor .spot_tortoise {

  display:inline-block;

  width:26px;

  height:26px;

  background:url(../images/tortoise.png) no-repeat left center;  /*默认的样式图片*/

  background-size:26px;

  position: absolute;

  top:.2rem;

  left:0;

  z-index:5;

}

.boxcolor input:checked + .spot_tortoise{

  background:url(../images/tortoise_on.png) no-repeat center;  /*选中后的样式图片*/

  background-size:26px;

}





.boxcolor .spot_pink {

  display:inline-block;

  width:26px;

  height:26px;

  background:url(../images/pink.png) no-repeat left center;  /*默认的样式图片*/

  background-size:26px;

  position: absolute;

  top:.2rem;

  left:0;

  z-index:5;

}

.boxcolor input:checked + .spot_pink{

  background:url(../images/pink_on.png) no-repeat center;  /*选中后的样式图片*/

  background-size:26px;

}





.boxcolor .spot_white {

  display:inline-block;

  width:26px;

  height:26px;

  background:url(../images/white.png) no-repeat left center;  /*默认的样式图片*/

  background-size:26px;

  position: absolute;

  top:.2rem;

  left:0;

  z-index:5;

}

.boxcolor input:checked + .spot_white{

  background:url(../images/white_on.png) no-repeat center;  /*选中后的样式图片*/

  background-size:26px;

}







.boxcolor .spot_crystal{

  display:inline-block;

  width:26px;

  height:26px;

  background:url(../images/crystal.png) no-repeat left center;  /*默认的样式图片*/

  background-size:26px;

  position: absolute;

  top:.2rem;

  left:0;

  z-index:5;

}

.boxcolor input:checked + .spot_crystal{

  background:url(../images/crystal_on.png) no-repeat center;  /*选中后的样式图片*/

  background-size:26px;

}

.boxshape label input,.boxrim label input,.boxmaterial label input{

  width: 20px;

  height: 20px;

  vertical-align: bottom;

}

.boxshape{width:30%; margin-right: auto; margin-left: auto;}

.boxshape label{

  display:inline-block;

  width:24%;

  height:30px;

  line-height: 26px;

  text-align:left;

  position: relative;

  margin-bottom: 10px;

}

.boxrim {width:25%; margin-right: auto; margin-left: auto;}

.boxrim label{

  display:inline-block;

  width:32%;

  height:30px;

  line-height: 26px;

  text-align: center;

  position: relative;

  margin-bottom: 10px;

}

.boxmaterial {width:55%; margin-right: auto; margin-left: auto; text-align: center;}

.boxmaterial label{

  display:inline-block;

  height:26px;

  line-height: 26px;

  text-align: center;

  position: relative;

  margin-left: 12px; margin-right: 12px;

  font-size: 16px;

}







.color_tag label{

  display:inline-block;

  width:7.5%;

  text-align:left;

  position: relative;

}

#imgqh32 img{width:550px;height:400px;display:block;}



.f_tag{ margin-top: 0px;}

.f_tag a{padding: 0; margin: 0; display: block; height: 25px; width: 25px;}

.f_tag img{ width: 25px; height: 25px; border: none;}



.color_tag label input{

  /*width: 26px;

  height: 26px;

  margin-right:.1rem;*/

  float:left;

  opacity: 0;

  display: none;

}



.color_tag [type=checkbox]:checked~.chk_txt {

  font-weight: 600;

}



.color_tag [type=radio]:checked~.whitebox{

  border:#000 1px solid;

}











.color_tag .spot_red{

  display:inline-block;

  width:26px;

  height:26px;

  background:url(../images/red.png) no-repeat left center;  /*默认的样式图片*/

  background-size:26px;

  position: absolute;

  top:.2rem;

  left:0;

  z-index:5;

}

.color_tag input:checked + .spot_red{

  background:url(../images/red_on.png) no-repeat left center;  /*默认的样式图片*/

  background-size:26px;

}





.color_tag .spot_orange{

  display:inline-block;

  width:26px;

  height:26px;

  background:url(../images/orange.png) no-repeat left center;  /*默认的样式图片*/

  background-size:26px;

  position: absolute;

  top:.2rem;

  left:0;

  z-index:5;

}

.color_tag input:checked + .spot_orange{

  background:url(../images/orange_on.png) no-repeat center;  /*选中后的样式图片*/

  background-size:26px;

}





.color_tag .spot_yellow{

  display:inline-block;

  width:26px;

  height:26px;

  background:url(../images/yellow.png) no-repeat left center;  /*默认的样式图片*/

  background-size:26px;

  position: absolute;

  top:.2rem;

  left:0;

  z-index:5;

}

.color_tag input:checked + .spot_yellow{

  background:url(../images/yellow_on.png) no-repeat center;  /*选中后的样式图片*/

  background-size:26px;

}



.color_tag .spot_coffee{

  display:inline-block;

  width:26px;

  height:26px;

  background:url(../images/coffee.png) no-repeat left center;  /*默认的样式图片*/

  background-size:26px;

  position: absolute;

  top:.2rem;

  left:0;

  z-index:5;

}

.color_tag input:checked + .spot_coffee{

  background:url(../images/coffee_on.png) no-repeat center;  /*选中后的样式图片*/

  background-size:26px;

}

.color_tag .spot_brown{

  display:inline-block;

  width:26px;

  height:26px;

  background:url(../images/brown.png) no-repeat left center;  /*默认的样式图片*/

  background-size:26px;

  position: absolute;

  top:.2rem;

  left:0;

  z-index:5;

}

.color_tag input:checked + .spot_brown{

  background:url(../images/brown_on.png) no-repeat center;  /*选中后的样式图片*/

  background-size:26px;

}



.color_tag .spot_green{

  display:inline-block;

  width:26px;

  height:26px;

  background:url(../images/green.png) no-repeat left center;  /*默认的样式图片*/

  background-size:26px;

  position: absolute;

  top:.2rem;

  left:0;

  z-index:5;

}

.color_tag input:checked + .spot_green{

  background:url(../images/green_on.png) no-repeat center;  /*选中后的样式图片*/

  background-size:26px;

}



.color_tag .spot_blue{

  display:inline-block;

  width:26px;

  height:26px;

  background:url(../images/blue.png) no-repeat left center;  /*默认的样式图片*/

  background-size:26px;

  position: absolute;

  top:.2rem;

  left:0;

  z-index:5;

}

.color_tag input:checked + .spot_blue{

  background:url(../images/blue_on.png) no-repeat center;  /*选中后的样式图片*/

  background-size:26px;

}





.color_tag .spot_navy{

  display:inline-block;

  width:26px;

  height:26px;

  background:url(../images/navy.png) no-repeat left center;  /*默认的样式图片*/

  background-size:26px;

  position: absolute;

  top:.2rem;

  left:0;

  z-index:5;

}

.color_tag input:checked + .spot_navy{

  background:url(../images/navy_on.png) no-repeat center;  /*选中后的样式图片*/

  background-size:26px;

}







.color_tag .spot_violet{

  display:inline-block;

  width:26px;

  height:26px;

  background:url(../images/violet.png) no-repeat left center;  /*默认的样式图片*/

  background-size:26px;

  position: absolute;

  top:.2rem;

  left:0;

  z-index:5;

}

.color_tag input:checked + .spot_violet{

  background:url(../images/violet_on.png) no-repeat center;  /*选中后的样式图片*/

  background-size:26px;

}





@media screen and (max-width:480px){







  .whitebox{ padding:0; margin:0;border:#ccc 1px solid;border-radius:50%; background-color: #fff;width:20px; padding: 2px;

    height:20px; float: left;	margin-right:8px;}

  .tab-wrapper {

    margin: 0px auto;

    width: 100%;

  }

  .tab-content>div {

    box-sizing:border-box;

    margin-left: auto;

    margin-right: auto;

    margin-top:15px;

    display:none;

    font-style: normal;

    font-family:'Quicksand', sans-serif;

  }

  .chk_txt { font-weight: normal; font-family: Quicksand; text-align: center; float: left; font-size: 16px;

  }

  .tab-wrapper ul{font-size:18px;}

  .tab-menu {width:92%; height:45px; background-color: #efeff1; line-height: 45px; margin: 0; margin-right: auto; margin-left: auto;border-radius:3px; padding-left: 0; text-align: center; padding-left:2%;}

  .tab-menu li {

    position:relative;

    color:#1b1b1b;

    display: inline-block;

    opacity: 0.8;

    cursor:pointer;

    z-index:0;

    float: left;

    text-align: center;

    font-size: 14px;

    padding-left:10px; padding-right:10px;

  }

  .tab-menu span{ float: left; color: #b9b9ba; margin-right:6px; margin-left:7px;}



  .boxcolor{  width:98%;

    margin-left: auto;

    margin-right: auto;}





  .boxcolor label{

    display:inline-block;

    width:32.5%;

    height:30px;

    line-height: 26px;

    text-align:left;

    position: relative;

    font-size: 14px;

    margin-bottom: 10px;

  }

  .boxshape{ width:85%;

    margin-left: auto;

    margin-right: auto;}

  .boxshape label{

    display:inline-block;

    width:27%;

    height:30px;

    line-height: 26px;

    text-align:left;

    position: relative;

    margin-bottom: 10px;

  }

  .boxshape label:nth-child(2){

    display:inline-block;

    width:20%;

    height:30px;

    line-height: 26px;

    text-align:left;

    position: relative;

    margin-bottom: 10px;

  }

  .boxshape label:nth-child(4){

    display:inline-block;

    width:21%;

    height:30px;

    line-height: 26px;

    text-align:left;

    position: relative;

    margin-bottom: 10px;

  }



  .boxrim{

     width:86%;

    margin-left: auto;

    margin-right: auto;

  }

  .boxrim label{

    display:inline-block;

    width:32%;

    height:30px;

    line-height:30px;

    text-align: center;

    position: relative;

    margin-bottom: 10px;



  }



  .boxmaterial {width:100%; margin-right: auto; margin-left: auto; text-align: center;}

  .boxmaterial label{

    display:inline-block;

    height:36px;

    line-height:36px;

    text-align: center;

    position: relative;

    font-size: 16px;

    width: 40%;

  }





  .color_tag label{

    display:inline-block;

    width:18%;

    height:26px;

    line-height: 26px;

    text-align:left;

    position: relative;

  }

  .f_tag{ width: 26px; height: 26px; padding: 0; margin: 0;}

  .f_tag img{ width: 26px; height: 26px; border: none;}



}